<style>

#pg { background: #000; }
#pg li { position: relative; list-style: none; width: 190px; height: 125px; overflow: hidden; float: left; z-index: 2; text-align:center; }
#pg li.active { opacity: 1; }
#pg li.selected { opacity: 1; z-index: 99; -moz-box-shadow: 0px 0px 10px #fff; -webkit-box-shadow: 0px 0px 10px #fff; }
#pg li img { display: block; width: 100%; }
#pg li p { color: white; margin: 10px 0; font-size: 12px; }


#pg li { filter:alpha(opacity=50); }
#pg li.active { filter:alpha(opacity=100); }
#pg li.selected {
	filter:alpha(opacity=100);
	background: black;
}

</style>
 <script type="text/javascript" src="/js/plug/lightbox/js/jquery.lightbox-0.5.js"></script>
 <link rel="stylesheet" type="text/css" href="/js/plug/lightbox/css/jquery.lightbox-0.5.css" media="screen" />
 <script type="text/javascript">
    $(function() {
        $('.gallery a').lightBox();
    });
 </script>


			<ul id="pg"  class="gallery" style="position: relative;">
				
				
				{%section name=count loop=$g_show.list%}	
				<li>
				  <a href="{%$g_show.list[count].pic%}" title="{%$g_show.list[count].content%}">
					<img alt="DSC_0660" src="{%$g_show.list[count].pic%}">
					</a>
					
				</li>
				{%/section%}
			</ul>






